@charset "utf-8";

/* ³υΚΌ»― */
@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:100px;}}
@media screen and (min-width: 720px) {html{font-size:100px;}}
@media screen and (min-width: 760px) {html{font-size:100px;}}
@media screen and (min-width: 800px) {html{font-size:100px;}}
@media screen and (min-width: 960px) {html{font-size:100px;}}

@media screen and (min-width:769px) and (max-width:1200px ) {body{display: none;}}

@media screen and (min-width:0px) and (max-width:768px ) {
/* display:none */
.header,.contact{display: none;}
/* display:none */
	
/* width auto start*/
.width_all{max-width:100%; margin: 0 auto;}
.layui-container {
    width: 100%;
    padding: 0px 12px;
}
.advantage ul.item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
    overflow: hidden;
}
/* width auto start*/

/* mobile header start*/
.m_img{display: block;height: 0.9rem;background: #fff;position: fixed;top: 0px;left: 0px;width: 100%;z-index: 9999;border-bottom: 1px solid #ddd;overflow: hidden;}
.m_img .headlf{padding-top: 0.1rem;padding-left: 5px;float: left;}
.m_img .headlf .m_logo{height:0.6rem;display: block;margin-top:0.05rem;}
.m_img .headrg{padding-right: 5%;padding-top: 0.3rem;float: right;}
.m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
.m_nav{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:18px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:14px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between;width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box;padding:0 5px;display: block;}
.icon{background:url(/html/data/guxiangjs/template/cn/images/plus_top.png) 100% no-repeat;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(/html/data/guxiangjs/template/cn/images/reduce_top.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block;height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden;white-space: nowrap;width: 90%;text-overflow: ellipsis;font-size: 12px;}
/* mobile header end*/

/*search*/
.top_search{float: right; margin-right: 14px; margin-top: 0.18rem;}
.top_search span{display: block; width: 28px; height: 24px; margin-top: .06rem; background: url(/html/data/guxiangjs/template/cn/images/icon_search.png) no-repeat center center; background-size: 64%;}
.top_search>div{position: fixed; top: 0.9rem; left: 0; width: 100%; height: 100%; display: none; z-index: 9999999;}
.top_search>div i{position: absolute; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7);}
.top_search .gg{position: absolute; z-index: 5; right: 0; width: 100%; padding: 1% 3%; background-color: #fff; overflow: hidden; border-top: 1px solid #ddd;}
.top_search .ss input{border: #ddd solid 1px; border-right: 0; width: 76%; padding: 0 2%; line-height: 274%; font-size: .2rem; float: left; border-radius: .07rem 0 0 .07rem; margin-left: 5%;}
.top_search .ss input:focus{border-color: #0083c3;}
.top_search .ss button {
    font-size: .2rem;
    line-height: 265%;
    border: #656570 solid 1px;
    background-color: #656570;
    color: #fff;
    float: left;
    padding: 0 0.2rem;
}
/*search*/

/* product */
.index-product {
    display: block;
    width: 100%;
    background-color: #f5f5f5;
    padding: 20px 0;
}
.index-product .content ul.list {
    display: inline-block;
    margin-top: 30px;
    margin-left: 0px;
    width: 100%;
    background-color: inherit;
}
.index-product .sort .series {
    width: 50%;
    height: auto;
    margin-right: 0;
    border-left: 10px solid #3278ff;
	float: left;
}
.index-product .sort .type {
    font-size: 14px;
    width: auto;
    float: right;
    display: table;
}
.index-product .sort {
    display: block;
    flex-flow: row nowrap;
    align-items: center;
    margin-top: 5px;
    width: 95%;
    margin: 0 auto;
}
.index-product .sort .series p:nth-child(1) {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 8px;
    margin-left: 20px;
    color: #000;
    display: none;
}
.index-product .sort .series p:nth-child(2) {
    font-size: 18px;
    font-weight: bold;
    margin-left: 20px;
    color: #000;
}
	
.index-product .sort .type a.more {
    position: static;
    right: 20px;
    float: right;
    color: #fff;
    transition: .5s;
    cursor: pointer;
    top: 26px;
    background: #3278ff;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 12px;
}
	
.left-content {
    display: table;
    float: left;
    width: 100%;
}

.index-product .content ul.list {
    display: inline-block;
    margin-top: 18px;
    margin-left: 0px;
    width: 100%;
    background-color: inherit;
}

.index-product .content ul.list a {
    display: block;
    width: auto;
    height: 35px;
    padding-left: 0;
    text-align: left;
    line-height: 35px;
    color: #555;
    transition: .3s;
    cursor: pointer;
    border-bottom: 0;
    float: left;
    text-align: center;
    margin: 1%;
    background: #3278ff;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    padding: 1px 15px;
}
	
.index-product .content ul.item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-left: 0;
    padding-top: 20px;
}
	
.index-product .content ul.item li {
    display: inline-block;
    width: 47.9%;
    text-align: center;
    margin-right: 1%;
    margin-bottom: 20px;
    padding-bottom: 14px;
    background-color: #fff;
    overflow: hidden;
    transition: .5s;
    cursor: pointer;
    border: 1px solid #ddd;
	display: none;
	float: left;
}	


.index-product .content ul.item li:nth-child(1),.index-product .content ul.item li:nth-child(2),.index-product .content ul.item li:nth-child(3),.index-product .content ul.item li:nth-child(4){
	display: block;
}








.advantage {
    width: 100%;
    margin-top: 0px;
    padding-top: 25px;
    padding-bottom: 0;
    color: #fff;
    background: #242C39 url(../images/ad-bg.png) no-repeat center;
    background-size: cover;
}

.advantage ul.sort {
    display: table;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-top: 0px;
    width: 100%;
}

.advantage ul.sort li {
    width: 30%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 2px solid #227ecb;
    transition: .5s;
    cursor: pointer;
    float: left;
    margin-bottom: 5px;
    margin-left: 5px;
    font-size: 14px;
}	
	
.advantage ul.item li {
    position: relative;
    left: 0;
    display: block;
    flex-flow: row nowrap;
    justify-content: space-between;
    flex-shrink: 0;
    width: 100%;
    transition: .7s;
	height: auto!important;
}
	
.advantage ul.item li img {
    width: 100%;
    height: auto;
}
	
.advantage ul.item li h1 {
    font-family: "impact";
    font-size: 35px;
    font-weight: normal;
    color: #227ecb;
    margin-left: 24px;
    padding-top: 0;
    display: table;
    float: left;
}

.advantage ul.item li .item-div {
    width: 100%;
    padding-top: 12px;
    float: left;
    margin-left: 0;
}

.advantage ul.item li h1 {
    font-family: "impact";
    font-size: 35px;
    font-weight: normal;
    color: #227ecb;
    margin-left: 0;
    padding-top: 0;
    display: table;
    float: left;
}

.advantage ul.item li .item-div p.tit {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
}

.advantage ul.item li div p:nth-child(2) {
    color: #f5f5f5;
    line-height: 26px;
    font-size: 14px;
}
.title p {
    font-size: 18px;
}
.title p i{display: none;}

.advantage ul.item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 5px;
    overflow: hidden;
}	
.content {
    padding-bottom: 0;
}	

.item-left,.item-right{display: table;width: 100%;}
.item-right{margin-top: 20px;padding-bottom: 20px;display: none;}
.advantage ul.item li:nth-child(1) .item-left h1{
	padding-top: 40px;
}
.advantage ul.item li:nth-child(5) .item-left h1{
	padding-top: 30px;
}
.advantage ul.item li .item-div {
    width: 100%;
    padding-top: 12px;
    float: left;
    margin-left: 0;
    padding-bottom: 22px;
}	

.title h1 {
    color: #ff7a0e;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 10px;
}

.advantage p.slogan {
    font-size: 14px;
    margin-top: 10px;
    letter-spacing: 4px;
    margin-bottom: 12px;
}












.company .fl:after {
    content: '';
    display: none;
    width: 1px;
    background: #f2f2f2;
    height: 120px;
    left: 363px;
    position: absolute;
    top: -120px;
}

.company {
    padding: 30px 0 80px;
}

.company .fr {
    width: 546px;
    position: static;
    right: 0;
    top: -25px;
}
	
.company .fl {
    background: initial;
    width: 100%;
    height: auto;
    padding: 0px 0px;
    position: relative;
    margin-left: 0;
}

.company .fl .company_ico {
    padding: 30px 0 0;
    display: block;
    margin: 0 auto;
}

.company_ico ul {
    display: table;
    margin: 0 auto;
    width: 90%;
	text-align: center;
}
.company_ico ul li{
	display: inline-block;
	float: none;
}

.company .fl .company_ico ul li {
    background-color: #2067ef;
    margin-right: 0;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    cursor: pointer;
    margin: 1%;
}
	
.company .fl .company_ico {
    padding: 15px 0 0;
    display: block;
    margin: 0 auto;
}	
	
.company .fl .company_tit {
    display: none;
}
	
.company .fr {
    width: 100%;
    position: static;
    right: 0;
    top: -25px;
}

.company-box, .company-box .bd, .company-box .bd ul {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}	

.company .fr {
    width: 100%;
    position: static;
    right: 0;
    top: -25px;
    margin-top: 10px;
}	

.company {
    padding: 5px 0 30px;
}




.default-padding.bottom-less {
    padding-top: 30px;
    padding-bottom: 0;
    background: #f5f5f5;
    display: table;
    width: 100%;
}

.site-heading h2 {
    display: table;
    font-weight: 600;
    padding-bottom: 12px;
    position: relative;
    text-transform: capitalize;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    color: #000;
}

.site-heading {
    margin-bottom: 15px;
    overflow: hidden;
    margin-top: -5px;
}

.blog-area .blog-items .info {
    padding: 8px;
    padding-top: 16px;
}

.blog-area .blog-items .bottom {
    border-top: 1px solid #e7e7e7;
    margin-top: 15px;
    padding-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    color: #666666;
}

.blog-area .blog-items .thumb .date {
    position: absolute;
    left: 12px;
    bottom: 5px;
    -moz-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
    -webkit-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
    -o-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
    box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
    background: #007ec4;
    padding: 0px 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
}

.blog-area .blog-items div.single-item{
	display: none;
}

.blog-area .blog-items div.single-item:nth-child(1){
	display: block;
}



.db_bj {
    width: 100%;
    padding-top: 25px;
    border-top: 1px #eaeaea solid;
    background: #227ecb;
}

.db .db_dh {
    float: left;
    margin-right: 0;
    width: 100%;
}

.db .db_dh a {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    display: table;
    float: left;
    margin-right: 20px;
}

.db .db_bt {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
    display: table;
    width: 100%;
    font-weight: bold;
}

.db .db_dh a {
    display: block;
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
    display: table;
    float: left;
    margin-right: 20px;
}

.db .db_dh {
    float: left;
    margin-right: 0;
    width: 100%;
    margin-bottom: 12px;
}
.db .db_dh ul li a{
	font-size: 14px;
}

.db .db_m .db_m_t {
    overflow: hidden;
    display: none;
}
.db .db_m {
    width: 100%;
    float: left;
    margin-left: 0;
}

.db .db_erweima {
    width: 130px;
    float: right;
    display: none;
}


.bah_bj {
    width: 98%;
    margin-top: 16px;
    padding: 15px 5px;
    border-top: 1px #1c64a0 solid;
    background: #1c64a0;
}




.main-con{display: none;}
.width_all {
    max-width: 96%;
    margin: 0 auto;
}

.main-left {
    width: 100%;
    float: left;
}

.main-right {
    width: 100%;
    float: right;
    margin-top: 20px;
}

.banner_pc {
    margin: 0px 0 0 0;
    margin-top: 0.9rem;
}
.ny_banner {
    width: 100%;
    overflow: hidden;
    margin-top: 0.9rem;
}

.ny_banner img {
    width: 100%;
    position: relative;
    left: 0;
    margin-left: 0;
}

.lujing {
    padding: 10px 0 28px 0;
    font-size: 14px;
    color: #888;
    line-height: 25px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
    background: #ececec;
    margin-bottom: 16px;
}
.main-left h3 {
    font-size: 18px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    background: #227ecb;
    color: #fff;
}

.main-left li {
    float: left;
    margin: 0;
    width: 48%;
    position: relative;
    margin: 1%;
}

.main-left li a {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 12px;
    line-height: 40px;
    padding: 0;
    background: #eee;
    color: #333;
    width: 100%;
    text-indent: 25px;
    border-bottom: 1px dashed #ddd;
}

.main-left li.on a:after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    top: 15px;
    left: 8px;
}

.inside-nav{
	margin-top: 10px;
}

.profiles {
    font-size: 13px;
    color: #000;
    line-height: 30px;
    margin-bottom: 24px;
}



.sokb {
    border: 1px solid #D8D8D8;
    line-height: 50px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 14px;
    font-family: "Microsoft YaHei", verdant, tahoma;
    width: 94%;
    color: #757575;
    margin-left: 0px;
    margin-top: 10px;
    margin-right: 10px;
}

.flex-direction-nav li a.flex-prev{ background:url(/html/data/guxiangjs/template/cn/images/left.png) center center no-repeat; left:1%; z-index:99;display: none;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(/html/data/guxiangjs/template/cn/images/right.png) center center no-repeat; right:1%;display: none;}



.case li {
    width: 47%;
    display: inline-block;
    margin: 1%;
}
.case li:nth-child(3n+1) {
    margin-left: 1.1%!important;
}

.case li:nth-child(3n+1) {
    margin-left: 0;
}

.case li:nth-child(3n) {
    margin-right:1.1% ;
}

.case li span {
    display: table;
    width: 100%;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
}

.case-bg li span {
    position: absolute;
    bottom: 8px;
    text-align: left;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 14px;
}

.main_new_bg ol a.img {
    display: block;
    float: left;
    width: 40%;
    border: 1px solid #ddd;
    margin-right: 5px;
}

.new_text {
    display: table;
    width: 56%;
    float: left;
}

.new_text h3 a {
    font-weight: normal;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 26px;
    line-height: 22px;
}

.new_text span {
    font-size: 14px;
    display: table;
    width: 100%;
    color: #c5c5c5;
    margin: 4px 0;
}

.new_text div {
    font-size: 13px;
    line-height: 20px;
    color: #9d9d9d;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.main_new_bg ol {
    float: left;
    padding-bottom: 20px;
    _display: inline;
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: 20px;
}










.main-body {
    margin-bottom: 5px;
    display: table;
    width: 100%;
}

.pro-text {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding: 0;
    padding: 0;
    color: #4e4e4e;
}

.main_y_b {
    display: table;
    float: left;
    width: 100%;
}

.main_y_b span {
    width: 98%;
    display: table;
    margin: 0 auto;
    min-height: 50px;
    font-size: 14px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.description_bg {
    display: table;
    width: 100%;
    margin-top: 20px;
    height: 100%;
    padding: 0;
    font-size: 14px;
    line-height: 30px;
}

.rec .rec_bg li {
    width: 47%;
    display: table;
    float: left;
    margin: 1%;
    border: 1px solid #ddd;
}

.rec .rec_bg li:nth-child(2n+1) {
    margin-left: 0;
}

.main_y_b h3 {
    font-size: 18px;
    line-height: 45px;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    margin-bottom: 14px;
}

.main_y_b i {
    display: table;
    width: 90px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    background: #007fff;
    border-radius: 1px;
    border-radius: 5px;
}

.rec h4 {
    display: table;
    border-bottom: 1px solid #ddd;
    width: 100%;
    background: #227ecb;
    color: #fff;
    line-height: 40px;
    text-indent: 20px;
    font-size: 16px;
}
.rec {
    display: table;
    margin-top: 18px;
    font-size: 16px;
}

.main-body .title {
    text-align: left;
    font-size: 20px;
    letter-spacing: 1px;
    color: #434343;
    margin-bottom: 15px;
    margin-top: 5px;
}

.main-body .details-txt {
    font-size: 14px;
    line-height: 250%;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px dashed #e0e1dc;
    padding: 15px 0;
}

.main-body .details-txt img{
    max-width:100%;
}

.pic li span {
    display: table;
    width: 100%;
    line-height: 35px;
    text-align: center;
    font-size: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}


.header-text {
    display: table;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 14px;
}

.header-text h3 {
    font-weight: bold;
    font-size: 0.3rem;
    color: #227ecb;
}


	
	
	
	
}